@charset "utf-8";
/*公共样式*/
*{padding:0;margin:0;font-family: iconfont,zworld;font-size: 14px;}
a{text-decoration: none;color:#333;}
li,li,ol{list-style:none;}

@font-face {
  font-family: 'iconfont';  /* project id 250308 */
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
@font-face{
	font-family:zworld;
	src:url(//common1.qyerstatic.com/zworld/web/common/font/zworld.eot?a2l7hm);
	src:url(//common1.qyerstatic.com/zworld/web/common/font/zworld.eot?a2l7hm#iefix)
	format('embedded-opentype'),
	url(//common1.qyerstatic.com/zworld/web/common/font/zworld.ttf?a2l7hm) format('truetype'),
	url(//common1.qyerstatic.com/zworld/web/common/font/zworld.woff?a2l7hm) format('woff'),
	url(//common1.qyerstatic.com/zworld/web/common/font/zworld.svg?a2l7hm#zworld) format('svg');
}
/* 头部样式 */
header{width: 100%;height:30px;background-color: #323232;border-top: 1px solid #B6B4B6;position: relative;}
.logo{
	width:58px;height: 18px;
	position: relative;
	top:6px;left: 30px;
}
header .nav_font{margin-left: 100px;height:100%;top:0;position: absolute;}
header .nav_font li{float: left;height: 100%;line-height: 30px;margin:0 10px;}
header .nav_font li a{color:#C0C0C0;cursor: pointer;font-weight: bold;}
header .nav_font li img{width: 10px;height: 5px;position: relative;top:-3px;left:3px;}
header .nav_font li span{font-weight: bold;position: relative;top:-4px;left:3px;margin-right: 5px;}
header .nav_font li:nth-of-type(5) a{color:#10B041;}
header .nav_font li:hover a{
	color:#10B041;
}
header .nav_font li:nth-of-type(4){position: relative;}
.showHide{width: 185px;height: 114px;background-color: #fff;position: absolute;left:-5px;border-radius: 5px;display: none;z-index:200000;}
.showHide p{margin-left: 20px;line-height: 30px;font-size: 18px;}
.showHide p img{width: 18px;height: 17px;}
.showHide p:nth-of-type(1){margin-top: 10px;}
.showHide p:nth-of-type(1) img:nth-of-type(2){width: 10px;height: 10px;}
header .nav_font li:nth-of-type(4):hover .showHide{
	display: block;
}
header .nav_font li:last-of-type{
	position: relative;
}
.lastLiIcon{
	width: 125px;
	height: 210px;
	background-color: #fff;
	position: absolute;left:-10px;border-radius: 5px;
	display: none;
	z-index:200000;
}
.lastLiIcon p{margin-left: 20px;line-height: 30px;font-size: 20px;}
.lastLiIcon p img{width: 20px;height: 20px;}
.lastLiIcon p:nth-of-type(1){margin-top: 10px;}
header .nav_font li:last-of-type:hover .lastLiIcon{
	display: block;
}
header .nav_icon{float: right;height: 30px;}
header .nav_icon li{float: left;color:#C0C0C0;margin:5px 7px;cursor: pointer;}
header .nav_icon li label{font-size: 15px;margin-top: 3px;display: inline-block;cursor: pointer;}
header .nav_icon li:last-of-type{margin-right: 30px;}
header .nav_icon li span{
	width: 1px;height: 15px;background-color: #C0C0C0;display: inline-block;margin-top: 2px;
}
header .nav_icon li input{
	position: relative;
	width: 180px;
	height:20px;
	top:-3px;
	display: none;
	border-radius: 5px;
}
header .nav_icon li:first-of-type{
	position: relative;
}
header .nav_icon li:first-of-type img{
	position: absolute;
	width: 28px;height: 28px;
	right: 0;
	top:-5px;
}
header .nav_icon li:first-of-type:hover input{
	display: inline-block;
}
header .nav_icon li:hover{
	color:#10B041;
}

/* 导航 */
.nav-first:before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500px;
    background: url(http://common1.qyerstatic.com/zworld/web/project/index/images/head-wordbg.png) no-repeat 100%;
}
.nav-first{
	position: relative;
    min-width: 1160px;
    height: 120px;
    background-color: #42c77b;
    background-image: linear-gradient(180deg,#50c971,#0fbfa6);

}
.nav-first-fir{
	position: relative;
    width: 1160px;
    height: 120px;
    margin: 0 auto;
}
.nav-first-fir div:nth-of-type(1){
	float: left;
    width: 320px;
    padding: 32px 0 0 20px;
}
.nav-first-fir div:nth-of-type(2){
	position: relative;
    float: left;
    margin-top: 40px;
}
.nav-first-fir div:nth-of-type(2) form input:nth-of-type(1){
	float: left;
    width: 310px;
    height: 20px;
    border: none;
    padding: 10px 25px;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-size: 14px;
    line-height: 40px;
    color: #323232;
}
.nav-first-fir div:nth-of-type(2) form>p{
	float: left;
    width: 1px;
    height: 28px;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
    background-color: #8ae1cb;
}
.nav-first-fir div:nth-of-type(2) form input:nth-of-type(2){
	position: relative;
    z-index: 2;
    float: left;
    width: 118px;
    height: 40px;
    overflow: hidden;
    border: none;
    background-color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 18px;
    color: #00b081;
}
.spnSearch{font-size: 20px;position: absolute;color:#10B041;top:8px;left:375px;z-index: 1000;}
.nav-first-fir div:nth-of-type(2) .nav_city{
	width: 400px;
	height: 243px;
	border:1px solid #dfdfdf;
	background-color: #fff;
	position: absolute;
	top:40px;left:15px;
	display: none;
	z-index: 200000
}
.nav-first-fir div:nth-of-type(2) .nav_city li{
	border-bottom:1px solid #dfdfdf;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
}
.nav-first-fir div:nth-of-type(2) li span{color:#000;padding-left: 10px;}
.nav-first-fir div:nth-of-type(2) li label{
	color:#C0C0C0;
	float: right;
	margin-right: 15px;
}
.nav-first-fir div:nth-of-type(2) .nav_city li:hover{
	background-color: #15C0A1;
}
.nav-first-fir div:nth-of-type(2) .nav_city li:hover span{color:#fff;}
.nav-first-fir div:nth-of-type(2) .nav_city li:hover label{color:#fff;}

/*导航条*/
.nav_a_title{width: 1200px;height: 50px;margin:auto;position: relative;}
.nav_a_title a{display: inline-block;line-height: 50px;font-size: 16px;width: 110px;text-align: center;cursor: pointer;}
.nav_a_title a:nth-of-type(1){color:#10B041;}
.nav_a_title a:hover{
	color:#10B041;
	background-color: rgba(223,223,223,0.2);
}
/*主体*/
.banner{
	width: 100%;height: 420px;
	position: relative;
	
}
.leftAside{
	width: 280px;height: 418px;
	position: absolute;
	left:95px;
	top:-422px;
	z-index:20000;
	background-color: rgba(0,0,0,.8);
	
}
.leftAside li{
	height: 58px;
	width: 100%;
	border-top:1px solid #dfdfdf;
	cursor: pointer;
	color:#fff;
}
.leftAside li:nth-of-type(1){border:0;margin-top: 5px;}
.cityName{width: 228px;float: left;}
.iconImg{width: 30px;height:35px;float: left;font-size: 20px;padding-top: 20px;padding-left: 20px;}
.cityNameTile{font-size: 20px;display: block;margin-top: 10px;}
.rightFloat{float: right;width: 15px;height:15px;margin-top: -10px;}
.undeline:hover{text-decoration: underline;color:#10B041;}
.undeline{color:#C0C0C0;}
.leftAside li:hover{
	background-color: #fff;
}
.leftAside li:hover .cityNameTile{
	color:#333;
}
.leftAside li:hover .innerContent{
	display: block;
}
.innerContent{
	display: none;
	position: absolute;
	left:280px;
	top:10px;
	height: 380px;
	width: 620px;
	padding:20px 40px 15px;
	background-color: #fff;
}
 .moreCity_branch{
	width: 300px;height: 200px;
	float: left;
}
.moreCity_branch b{
	display: block;
	font-size: 24px;color:#000;
}
.moreCity_litterbranch{
	display: block;
	padding-top: 10px;
	width:95%;
	margin-top: 15px;
	border-top:1px solid #dfdfdf;
}
.moreCity_litterbranch a{line-height: 25px;display: inline-block;}
 .moreCity_branch:nth-of-type(2){
 	margin-left: 20px;
 }
.lastIcon{float: right;width: 300px;height: 165px;}
.moreCity_litterbranch a:hover{
	text-decoration: underline;
	color:#10B041;
}
.leftAside li:nth-of-type(4) .lastIcon{width: 250px;height: 100px;margin-top:50px;margin-right:40px;}
.leftAside li:nth-of-type(5)  .moreCity_branch{
	height:100px;
}
.leftAside li:nth-of-type(5)  .moreCity_branch:nth-of-type(3){margin-top: 150px;}
.leftAside li:nth-of-type(6) .innerContent{width: 350px;height: 390px;margin-right: 0;padding:20px 0px 0 30px;}
.leftAside li:nth-of-type(6) .innerContent img{width: 80px;height: 80px;margin:8px;}
.leftAside li:nth-of-type(6) .lastIcon{display: none;}
.leftAside li:nth-of-type(6) .moreCity_branch{width: 350px;}
.image{width: 95%;height: 150px;background-color: #fff;padding-left: 5%;}
.image img{width: 275px;height: 110px;margin-left: 20px;margin-top: 20px;}
/*限时特卖*/
.timeSale{height: 198px;width: 90%;background-color: #F5F5F5;padding:40px 5%;}
.timeSale_title{height: 35px;color:#333;}
.timeSale_title b{font-size: 35px;color:#000;}
.timeSale_title text{float: right;cursor: pointer;}
.travelInfo{width: 370px;height: 121px;float: left;border-top: 5px solid #FF7467;text-indent: 5px;position: relative;cursor: pointer;background-color: #fff;}
.travelInfo img{width:120px;height: 121px;float: left;border-top: 5px solid #474747;margin-top: -5px;}
.secondKill{margin-top: 35px;display: flex;justify-content:space-between;}
.travelInfo span{font-size: 17px;line-height: 28px;display: inline-block;width: 60%;height: 58px;overflow: hidden;margin-top: 10px;padding-left: 10px;}
.travelInfo label{
	position: absolute;
	bottom:0;
	right:0;
	margin-right: 20px;
}
.travelInfo label b{
	font-size: 30px;
	color:#FF7467;
}
.freedom_title{
	height: 54px;
	width: 100%;
}
.freedom{
	display: block;
	width: 90%;
	background-color: #fff;
	height: 630px;
	padding:40px 5%;
}
.freedom_title b{
	font-size: 34px;
}

.nav_a_title .tag{
	position: absolute;
	top:0;
	left:24%;
    height: 12px;
    line-height: 0;
}
.nav_a_title .tag::after{
	content: '';
    position: absolute;
    right: 0;
    bottom: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 6px solid #d0392a;
    border-right: 6px solid transparent;
}
.freedom_title label{color:#333;}
.freedom_title .freedom_nav{float: right;position: relative;top:20px;}
.freedom_title .freedom_nav li{float: left;margin:0px 15px 0;font-size: 16px;color:#333;}
/*.freedom_title .freedom_nav li:nth-of-type(1){
	color:#16C1A0;
	border-bottom:4px solid #16C1A0;
}*/
/*.freedom_title .freedom_nav li:hover{
	color:#16C1A0;
	border-bottom:4px solid #16C1A0;
}*/
.changeColor{color:#16C1A0;border-bottom:4px solid #16C1A0;}
.freedom_icon,.morefreedomicon{float: left;position: relative;width: 274px;
height: 268px;margin-left: 35px;border:1px solid #dfdfdf;background-color: #fff;}
.freedom_icon img{width: 275px;height: 185px;}
.freedom_icon:first-of-type{width: 580px;height: 268px;margin-left:0}
.freedom_icon:first-of-type img{width: 100%;height: 100%;}
.freedom_body{margin-top: 20px;}
.freedom_icon:first-of-type span{position: absolute;bottom:0;left:0;width: 560px;height: 64px;z-index:2000;background-color: rgba(0,0,0,.5);color:#fff;font-size: 18px;padding:10px 0 0 20px;line-height: 30px;}
.freedom_icon span{font-size: 16px;position: absolute;overflow: hidden;width:254px;height:62px;padding-left: 10px;padding-right: 10px;}
.freedom_icon text{
	position: absolute;
	top:155px;
	left:0;
	width: 62px;
	height: 32px;
	background-color: rgba(0,0,0,.5);
	color:#fff;
	line-height: 32px;text-align: center;
}
.freedom_icon:first-of-type text{top:162px;
	left:0;}
.freedom_icon:first-of-type label{top:162px;
	left:62px;}
.freedom_icon label{
	width: 107px;
	height: 32px;
	position: absolute;
	top:155px;
	left:62px;
	background-color:#FF7467;
	color:#fff;
	text-align: center;
}
.freedom_icon label b{font-size: 22px;}
.freedom_icon:nth-of-type(4),.freedom_icon:nth-of-type(5),.freedom_icon:nth-of-type(6),.morefreedomicon{
	margin-top: 20px;
}
.freedom_icon:nth-of-type(4){margin-left: 0;}
.morefreedomicon{
	background:linear-gradient(to top,#18CBB1,#5FD483);
}
.morefreedomicon .more{
	position: absolute;
	width: 126px;
	height: 45px;
	top:45px;
	left:75px;
	color:#fff;
	font-size: 18px;
	text-align: center;
	line-height: 25px;
}
.morefreedomicon img{
	position: absolute;
	top:130px;
	left:120px;
}
.morefreedomicon  .list{
	position: absolute;bottom:30px;
	left:20px;
}
.morefreedomicon  .list a{
	display: inline-block;
	font-size: 16px;
	width: 60px;
	text-align: center;
	color:#fff;
	border-right: 2px solid #fff;
}
.morefreedomicon  .list a:last-of-type{
	border:0;
}
.topInfo_ui li:hover{
	cursor: pointer;
	color:#16C1A0;		
}
.cityPlay{background-color: #F5F5F5;}
.freedom2{background:#fff;}
.cityWalkList_label label,.cityWalkList_label:first-of-type label{background-color: #fff;top:230px;left:180px;color:#333;width: 80px;}
.cityWalkList_label label b,.cityWalkList_label:first-of-type label b{font-size: 24px;color:#FF7467;}
.cityWalkList_label:first-of-type label{background:rgba(0,0,0,0);left:480px;}
.cityWalkListmore{
	background:linear-gradient(to top,#4F8DDB,#B075C8);
}
.topInfo_footer{
	width: 100%;
	height: 220px;
	background-color: #F5F5F5;
	padding-top: 0.1px;
}
.topInfo_footer .topInfo_ui{width: 90%;height: 20px;margin-top: 28px;padding-left: 5%;display: flex;justify-content:space-around;}
.topInfo_footer .topInfo_ui li{height: 20px;float: left;font-size: 17px;}
.zw-footer-feature {
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0 50px;
}
.zw-footer-feature li:first-child {
    margin-left: 0;
}
.zw-footer-feature li {
    float: left;
    width: 275px;
    margin-left: 55px;
    padding-left: 75px;
}
.zw-footer-feature .icon.zybz {
    background-position: 0 0;
}
.zw-footer-feature .icon {
    position: absolute;
    margin-left: -75px;
    width: 56px;
    height: 56px;
    background: url(../img/foot.png) no-repeat;
}
.zw-footer-feature .title {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 18px;
}
.zw-footer-feature .text {
    color: #959595;
}
.zw-footer-feature .icon.dcsh {
    background-position: 0 -56px;
}
.zw-footer-feature .icon {
    position: absolute;
    margin-left: -75px;
    width: 56px;
    height: 56px;
    background: url(../img/foot.png) no-repeat;
}
.zw-footer-feature .icon.axph {
    background-position: 0 -112px;
}
.zw-footer-feature .icon {
    position: absolute;
    margin-left: -75px;
    width: 56px;
    height: 56px;
    background: url(../img/foot.png) no-repeat;
}
/*底部*/
.nav_podition{position: relative;}
.myApp{
	position: absolute;
	background: url("../img/top-app-bg.png") no-repeat;
	width: 64px;
	height: 104px;
	right: 50px;
	top:0;
	color:#fff;
	text-align: center;
	font-size: 14px;
}
.myApp .span{
	font-size: 30px;
	display: block;
	
	margin:10px auto 5px auto;
}
/* footer */
/* footerprepend */
.zw-footerprepend { min-width:1160px; background-color:#f5f5f5;}
.zw-footer-nav { text-align:center; padding-top:25px;}
.zw-footer-nav li { margin-left:69px; display:inline-block; font-size:18px;}
.zw-footer-nav a { color:#575757;}
.zw-footer-nav a:hover { color:#12af7e; text-decoration: none;}
.zw-footer-nav li:before { content:'|'; position:absolute; margin-left:-35px; color:#dfdfdf;}
.zw-footer-nav li:first-child { margin-left:0;}
.zw-footer-nav li:first-child:before { content:'';}
.zw-footer-feature { width:1160px; margin:0 auto; overflow:hidden; padding:60px 0 50px;}
.zw-footer-feature li { float:left; width:275px; margin-left:55px; padding-left:75px;}
.zw-footer-feature li:first-child { margin-left:0;}
.zw-footer-feature .icon { position:absolute; margin-left:-75px; width:56px; height:56px; background:url(//common1.qyerstatic.com/zworld/web/project/headfoot/images/foot-feature.png) no-repeat;}
.zw-footer-feature .icon.zybz { background-position:0 0;}
.zw-footer-feature .icon.dcsh { background-position:0 -56px;}
.zw-footer-feature .icon.axph { background-position:0 -112px;}
.zw-footer-feature .title { margin-bottom:4px; font-size:16px; line-height:18px;}
.zw-footer-feature .text { color:#959595;}


/*底部样式*/
.index_footer{
	width: 100%;
	color: #c0c0c0;
	height: 265px;
	background-color:#333333 ;
	padding-top: 0.1px;
}
.index_footer .index_ft{
	width: 1160px;
	margin:0 auto;
}
.index_ft .index_fole{
	float: left;
	width: 775px;
	height: 265px;
}
.fole_top{
	margin-top: 40px;
	height: 30px;
}
.fole_top  img{
	float: left;
}
.fole_top p{
	width: 540px;
	float: left;
	margin-left: 20px;
	font-size: 14px;
}
.fole_bo{
	margin-top: 55px;
}
.fole_bot{
	width: 650px;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
.fole_bot a{
	color:#C0C0C0;
	border-right: 1px solid #c0c0c0;
	padding-right:20px;
	padding-left: 20px;
}
.fole_bot a:first-of-type{
	padding-left: 0;
}
.fole_bot a:last-of-type{
	border:none;
}
.fole_num{
	margin-top: 10px;
}
.fole_friend{
	width: 350px;
	margin-top: 10px;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}

.index_ri{
	float: left;
	width: 450px;
	margin-top: 50px;
}
.index_ri span{
	font-size: 18px;
	float: left;
	margin-left: 70px;
	margin-top: 10px;
}
.index_ri .index_rimg{
	float: left;
	width: 250px;
	margin-left: 10px;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
.index_ri .index_rimg div{
	width: 48px;
	height: 48px;
	font-size: 26px;
	border-radius: 48px;
	line-height: 48px;
	border:1px solid #c0c0c0;
	text-align: center;
}
.index_ri .index_rimg div:hover{
	color:#10B041;
}




